<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:sijyp="http://java.sun.com/jsf/composite/sijyp">

	<a4j:outputPanel id="pg_prenda_vestir">
		<h:outputText
			value="#{msgExh['exhumaciones.cadaver_exhumar.prendas_vestir']}" />

		<hr width="100%" />
		<br />
		<rich:messages globalOnly="true" />
		<br />

		<a4j:region id="rg_prenda_vestir_detalle">
			<h:panelGroup>
				<h:panelGrid columns="3" columnClasses="col33,col33,col33"
					width="100%">
					<h:panelGrid style="display:none">
						<h:outputLabel id="tipo_prenda_lbl"
							value="#{msgExh['exhumaciones.catalogo.tipo_prenda']}*:" />
						<h:selectOneMenu id="tipo_prenda"
							value="#{registroCadaveres.prendaVestirDto.idTipoPrenda}"
							required="true"
							disabled="#{registroCadaveres.estadoPrendaVestir == 'VER'}"
							requiredMessage="Tipo de prenda: #{msgVal['constraint.not_null']}">
							<ui:remove><f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
								noSelectionOption="true" /></ui:remove>
							<ui:remove>el siguiente Item debe eliminarse en caso de volver a la configuracion origianl</ui:remove>
							<f:selectItem itemLabel="POR DEFINIR" itemValue="0_POR DEFINIR" selected="selected" />
							<f:selectItems
								value="#{registroCadaveres.selectItemsHelper.posiblesPrendas}" />
						</h:selectOneMenu>
						<rich:message for="tipo_prenda" showSummary="true"
							showDetail="false" styleClass="validationErrorMessage" />
					</h:panelGrid>

					<h:panelGrid style="display:none" >
						<h:outputLabel id="material_prenda_lbl"
							value="#{msgExh['exhumaciones.catalogo.material_prenda']}:" />
						<h:selectOneMenu id="material_prenda"
							value="#{registroCadaveres.prendaVestirDto.idMaterial}"
							
							disabled="#{registroCadaveres.estadoPrendaVestir == 'VER'}"
							requiredMessage="Material #{msgVal['constraint.not_null']}">
							<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
								noSelectionOption="true" />
							<f:selectItems
								value="#{registroCadaveres.selectItemsHelper.posiblesMateriales}" />
						</h:selectOneMenu>
						<rich:message for="material_prenda" showSummary="true"
							showDetail="false" styleClass="validationErrorMessage" />
					</h:panelGrid>

					<h:panelGrid style="display:none" >
						<h:outputLabel id="color_prenda_lbl" value="#{msgExh['exhumaciones.catalogo.color']}:" />
						<h:selectOneMenu id="color_prenda"
							value="#{registroCadaveres.prendaVestirDto.idColor}"
							
							disabled="#{registroCadaveres.estadoPrendaVestir == 'VER'}"
							requiredMessage="Color #{msgVal['constraint.not_null']}">
							<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}"
								noSelectionOption="true" />
							<f:selectItems
								value="#{registroCadaveres.selectItemsHelper.posibleColor}" />
						</h:selectOneMenu>
						<rich:message for="color_prenda" showSummary="true"
							showDetail="false" styleClass="validationErrorMessage" />
					</h:panelGrid>

					<h:panelGrid style="display:none" >
						<h:outputLabel id="talla_prenda_lbl"
							value="#{msgExh['exhumaciones.catalogo.talla_prenda']}:" />
						<h:selectOneMenu id="talla_prenda"
								value="#{registroCadaveres.prendaVestirDto.idTalla}"
								disabled="#{registroCadaveres.estadoPrendaVestir == 'VER'}"
								requiredMessage="#{msgVal['constraint.not_null']}">
								<f:selectItem itemLabel="Seleccione ..." itemValue="#{null}" />
								<f:selectItems
									value="#{registroCadaveres.selectItemsHelper.listaTalla}" />
							</h:selectOneMenu>
						<rich:message for="talla_prenda" showSummary="true"
							showDetail="false" styleClass="validationErrorMessage" />
					</h:panelGrid>

					<h:panelGrid style="display:none" >
						<h:outputLabel id="marca_prenda_lbl"
							value="#{msgExh['exhumaciones.cadaver_exhumar.marca_prenda']}:" />
						<h:inputText id="marca_prenda"
							value="#{registroCadaveres.prendaVestirDto.marca}"							
							disabled="#{registroCadaveres.estadoPrendaVestir == 'VER'}"
							maxlength="30"
							requiredMessage="Marca #{msgVal['constraint.not_null']}" />
						<rich:message for="marca_prenda" showSummary="true"
							showDetail="false" styleClass="validationErrorMessage" />
					</h:panelGrid>

					<h:panelGrid style="display:none" >
						<h:outputLabel id="fragmento_prenda_lbl"
							value="#{msgExh['exhumaciones.cadaver_exhumar.fragmento_prenda']}:" />
						<h:selectBooleanCheckbox id="fragmento_prenda"
							value="#{registroCadaveres.prendaVestirDto.fragmento}"
							disabled="#{registroCadaveres.estadoPrendaVestir == 'VER'}">
						</h:selectBooleanCheckbox>
						<rich:message for="fragmento_prenda" showSummary="true"
							showDetail="false" styleClass="validationErrorMessage" />
					</h:panelGrid>
				</h:panelGrid>

				<h:panelGrid columns="1" width="100%"
					columnClasses="firstColumnStyle, ">
					<h:outputLabel id="observaciones_prenda_lbl" value="#{msgExh['exhumaciones.observaciones']}: *" />
					<h:inputTextarea id="observaciones_prenda" required="true"
						value="#{registroCadaveres.prendaVestirDto.observacionPrenda}"
						disabled="#{registroCadaveres.estadoPrendaVestir == 'VER'}"
						style="width:100%" styleClass="long longPersona" rows="8"
						requiredMessage="#{msgVal['constraint.not_null']}">
						<ui:remove>validatorMessage="#{msgVal['constraint.size.max']} 250" styleClass="long count250"</ui:remove>
						<ui:remove><f:validateLength maximum="250" /></ui:remove>
					</h:inputTextarea>
					<rich:message for="observaciones_prenda" showSummary="true"
						showDetail="false" styleClass="validationErrorMessage" />
				</h:panelGrid>

				<h:panelGrid>
					<h:outputLabel id="archivo_anexo_prenda_lbl" value="#{msgExh['exhumaciones.archivo_anexo']}:" />
					<ui:remove>
						<h:inputFile id="prenda_vestir_anexo"
							value="#{registroCadaveres.filePrendaVestir}"
							rendered="#{registroCadaveres.estadoPrendaVestir == 'INSERTAR'}"
							disabled="#{registroCadaveres.estadoPrendaVestir == 'VER'}" />
					</ui:remove>
					<sijyp:simpleFileUpload id="prenda_vestir_anexo"
						state="#{registroCadaveres.estadoPrendaVestir}"
						bean="#{registroCadaveres.fmPrenda}" />

					<rich:message for="prenda_vestir_anexo" showSummary="true"
						showDetail="false" styleClass="validationErrorMessage" />
				</h:panelGrid>

				<h:panelGrid columns="2">
					<h:commandButton id="addPrendaVestirBtn"
						value="#{registroCadaveres.estadoPrendaVestir == 'INSERTAR' ? msgExh['exhumaciones.cadaver_exhumar.agregar_prenda_vestir'] : msgExh['exhumaciones.cadaver_exhumar.editar_prenda_vestir']}"
						disabled="#{registroCadaveres.estadoPrendaVestir == 'VER'}"
						rendered="#{registroCadaveres.estadoPrendaVestir == 'INSERTAR' or registroCadaveres.estadoPrendaVestir == 'EDITAR'}"
						action="#{registroCadaveres.guardarPrendaVestir()}">
						<a4j:ajax render="pg_prenda_vestir" execute="@region" />
					</h:commandButton>

					<h:commandButton id="cancelViewPrendaVestirBtn"
						value="#{msgExh['exhumaciones.cancelar']}"
						rendered="true"
						disabled="#{parentMb.estado == 'VER' or registroCadaveres.disableCancelarPrendaVictima}"
						action="#{registroCadaveres.cancelarPrendaVestir()}">
						<a4j:ajax render="pg_prenda_vestir prendaTable" immediate="true" execute="@this"/>
					</h:commandButton>

				</h:panelGrid>
			</h:panelGroup>
		</a4j:region>

		<br />

		<a4j:outputPanel id="pn_prenda_registros">
			<a4j:region id="rg_prenda_registros">
				<rich:dataTable keepSaved="true" id="prendaTable" var="record_"
					style="width:100%;" rowKeyVar="index"
					value="#{registroCadaveres.registroCadaverDto.listaPrendaVestir}"
					noDataLabel="${msg['general.registrosNoEncontrados']}">

					<rich:column>
						<f:facet name="header">
							<h:outputText
								value="#{msgExh['exhumaciones.catalogo.tipo_prenda']}" />
						</f:facet>
						<h:outputText value="#{record_.idTipoPrenda}"
							converter="catalogConverter" />
					</rich:column>

					<ui:remove>
					<rich:column>
						<f:facet name="header">
							<h:outputText
								value="#{msgExh['exhumaciones.catalogo.material_prenda']}" />
						</f:facet>
						<h:outputText value="#{record_.idMaterial}"
							converter="catalogConverter" />
					</rich:column>

					<rich:column>
						<f:facet name="header">
							<h:outputText value="#{msgExh['exhumaciones.catalogo.color']}" />
						</f:facet>
						<h:outputText value="#{record_.idColor}"
							converter="catalogConverter" />
					</rich:column>
			</ui:remove>
					<rich:column>
						<f:facet name="header">
							<h:outputText value="#{msgExh['exhumaciones.archivo_anexo']}" />
						</f:facet>
						<h:commandLink id="download_file_prenda"
							action="#{registroCadaveres.downloadFile(record_.archivo)}"
							immediate="true"
							rendered="#{!record_.archivo.deleted}">
							<h:outputText value="#{record_.archivo.nombreArchivo}" />
						</h:commandLink>
					</rich:column>

					<rich:column>
						<f:facet name="header">
							<h:outputText
								value="#{msgExh['exhumaciones.tabla_columna_accion']}" />
						</f:facet>
						<h:panelGrid columns="3"
							columnClasses="icon_space,icon_space,icon_space,icon_space,icon_space">
							
							<h:commandLink
								rendered="true" 
								id="editarPrendaVestir"
								action="#{registroCadaveres.editarPrendaVestir(index)}"
								disabled="#{registroCadaveres.estadoPrendaVestir == 'VER'}">
								<f:ajax render="frm_caso:pg_prenda_vestir prendaTable" />
								
								<h:graphicImage 
									value="/resources/images/icons/ico_pencil.png"
									title="${msg['boton.editar']}" 
									rendered="#{registroCadaveres.estadoPrendaVestir != 'VER'}"/>
								
								<h:graphicImage 
								    value="/resources/images/icons/ico_pencil_gray.png"
									title="${msg['boton.editar']}" 
									rendered="#{registroCadaveres.estadoPrendaVestir == 'VER'}"/>
								
								
							</h:commandLink>

							<h:commandLink id="ver_prenda_vestir"
								action="#{registroCadaveres.verPrendaVestir(index)}">
								<h:graphicImage value="/resources/images/icons/ico_details.png"
									title="${msg['boton.consultar']}" />
								<f:ajax render="frm_caso:pg_prenda_vestir prendaTable" />
							</h:commandLink>
	
							<h:commandLink id="eliminar_prenda_vestir"
								action="#{registroCadaveres.deletePrendaVestir(index)}"
								title="${msg['boton.eliminar']}"
								disabled="#{registroCadaveres.disableEliminarPrendaVictima or registroCadaveres.estadoPrendaVestir == 'VER'}">
								<a4j:ajax render="pn_prenda_registros" />
								
								<h:graphicImage 
									value="/resources/images/icons/ico_delete.png"
									title="${msg['boton.eliminar']}"
									rendered="#{!registroCadaveres.disableEliminarPrendaVictima and registroCadaveres.estadoPrendaVestir != 'VER'}" />
								
								<h:graphicImage 
									value="/resources/images/icons/ico_delete_disabled.png"
									rendered="#{registroCadaveres.disableEliminarPrendaVictima or registroCadaveres.estadoPrendaVestir == 'VER'}"
									title="${msg['boton.eliminar']}" />
									
							</h:commandLink>							
							
						</h:panelGrid>
					</rich:column>
					<f:facet name="footer">
						<rich:dataScroller maxPages="10" fastStep="5" fastControls="hide" stepControls="show" />
					</f:facet>
				</rich:dataTable>
			</a4j:region>
		</a4j:outputPanel>
	</a4j:outputPanel>

</ui:composition>
